# Hotspot

## Installation

`npm i @snack-uikit/hot-spot`

[Changelog](./CHANGELOG.md)

[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## HotSpot
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| appearance | enum Appearance: `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Внешний вид |
| pulse | `boolean` | true | Анимация пульсации |
| duration | `string` | 2s | Время анимации пульсации |
| placement | enum Placement: `"left"`, `"left-top"`, `"left-bottom"`, `"right"`, `"right-top"`, `"right-bottom"`, `"center"`, `"center-top"`, `"center-bottom"` | right-top | Положение относительно children. |
| dotRender | `(dot: ReactNode) => ReactNode` | - | Рендер функция для dot |
| children | `ReactNode` | - | Вложенный контент |
| offsetX | `string \| number` | - | Смещение dot по оси X (ось направлена вправо) |
| offsetY | `string \| number` | - | Смещение dot по оси Y (ось направлена вниз) |
| enabled | `boolean` | true | Управление состоянием отрисовки |


[//]: DOCUMENTATION_SECTION_END
